input.search-input.form-control(
    type='text',
    [(ngModel)]='query',
    (ngModelChange)='onQueryChange()',
    [class.text-danger]='notFound',
    (click)='$event.stopPropagation()',
    (keyup.enter)='findPrevious()',
    (keyup.esc)='close.emit()',
    placeholder='Search...'
)

button.btn.btn-link(
    (click)='findPrevious()',
    ngbTooltip='Search up',
    placement='bottom',
    [fastHtmlBind]='icons.arrowUp'
)

button.btn.btn-link(
    (click)='findNext()',
    ngbTooltip='Search down',
    placement='bottom',
    [fastHtmlBind]='icons.arrowDown'
)

.mr-2

button.btn.btn-link(
    (click)='options.caseSensitive = !options.caseSensitive; saveSearchOptions()',
    [class.active]='options.caseSensitive',
    ngbTooltip='Case sensitivity',
    placement='bottom',
    [fastHtmlBind]='icons.case'
)

button.btn.btn-link(
    (click)='options.regex = !options.regex; saveSearchOptions()',
    [class.active]='options.regex',
    ngbTooltip='Regular expression',
    placement='bottom',
    [fastHtmlBind]='icons.regexp'
)

button.btn.btn-link(
    (click)='options.wholeWord = !options.wholeWord; saveSearchOptions()',
    [class.active]='options.wholeWord',
    ngbTooltip='Whole word',
    placement='bottom',
    [fastHtmlBind]='icons.wholeWord'
)

.mr-2

button.btn.btn-link(
    (click)='close.emit()',
    [fastHtmlBind]='icons.close'
)
